/**
 * Created by huotaol on 2017/5/12.
 */
import React, {Component} from "react";
import {Text, View} from "react-native";
import CustomStyle from "../../../common/style/CustomStyle";

export default class AccreditDescription extends Component {
    static propTypes = {
        data: {},
    };

    // 构造
    constructor(props) {
        super(props);
        // 初始状态
        this.state = {};
    }

    render() {
        const {name, title, content} = this.props.data;
        return (
            <View style={{
                backgroundColor: 'rgba(255,255,255,0.8)', alignItems: 'center', flex: 1,
                paddingLeft: CustomStyle.getActualSizeInHorizontal(20),
                paddingRight: CustomStyle.getActualSizeInHorizontal(20),
                paddingTop: CustomStyle.getActualSizeInVertical(20),
                paddingBottom: CustomStyle.getActualSizeInVertical(20),
            }}>
                <Text
                    style={[CustomStyle.baseText, {
                        fontSize: CustomStyle.getActualFontSize(60),
                        color: '#333',
                        fontWeight: 'bold',
                    }]}>{name}</Text>
                <Text
                    style={[CustomStyle.baseText, {
                        fontSize: CustomStyle.getActualFontSize(50),
                        color: '#333',
                    }]}>{title}</Text>
                <View style={[CustomStyle.separator]}>

                </View>
                <Text
                    style={[CustomStyle.baseText, {
                        fontSize: CustomStyle.getActualFontSize(40),
                        color: '#333',
                    }]}>{content}</Text>
            </View>
        );
    }
}